<script type="text/javascript">   
    function LTrim(value) {
        var re = /\s*((\S+\s*)*)/;
        return value.replace(re, "$1");
    }

    function RTrim(value) {
        var re = /((\s*\S+)*)\s*/;
        return value.replace(re, "$1");
    }

    function trim(value) {
        return LTrim(RTrim(value));
    }
    
    function register_validate() {
        var email       = trim(document.getElementById('email').value);
        var password    = trim(document.getElementById('password').value);
        var rePassword  = trim(document.getElementById('rePassword').value);
        var fullname    = trim(document.getElementById('fullname').value);
        var captcha     = document.getElementById('captcha').value;
        var countError  = 0;
        
        if(fullname === '')
        {
            document.getElementById("errorFullname").innerHTML="<i><font color='red' > Tên đầy đủ gồm các kí tự chữ cái, không chứa chữ số và độ dài từ 5-50 kí tự.</font></i>";
            countError++;
        }
        else if((fullname.length > 50) || (fullname.length < 5))
        {
            document.getElementById("errorFullname").innerHTML="<i><font color='red' > Tên đầy đủ gồm các kí tự chữ cái, không chứa chữ số và độ dài từ 5-50 kí tự.</font></i>";
            countError++;
        }
        else
        {
            var reg = /^[a-zA-ZÀÁÂÃÈÉÊÌÍÒÓÔÕÙÚĂĐĨŨƠàáâãèéêìíòóôõùúăđĩũơƯĂẠẢẤẦẨẪẬẮẰẲẴẶẸẺẼỀỀỂưăạảấầẩẫậắằẳẵặẹẻẽếềểỄỆỈỊỌỎỐỒỔỖỘỚỜỞỠỢỤỦỨỪễệỉịọỏốồổỗộớờởỡợụủứừỬỮỰỲỴÝỶỸửữựỳỵỷỹ ]+$/;
            if(reg.test(fullname) === false)
            {
                document.getElementById("errorFullname").innerHTML= "<i><font color='red' > Tên đầy đủ gồm các kí tự chữ cái, không chứa chữ số và độ dài từ 5-50 kí tự.</font></i>";
                countError++;
            }
            else
            {
                document.getElementById("errorFullname").innerHTML = "";
            }
        }

        if(email === '')
        {
            document.getElementById("errorEmail").innerHTML="<i><font color='red' > Địa chỉ email phải đúng định dạng, dùng để đăng nhập và tìm lại mật khẩu khi quên. </font></i>";
            countError++;
        }
        else if(email.length > 100)
        {
            document.getElementById("errorEmail").innerHTML="<i><font color='red' > Địa chỉ email phải đúng định dạng, dùng để đăng nhập và tìm lại mật khẩu khi quên. </font></i>";
            countError++;
        }
        else
        {
            var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
            if(reg.test(email) === false)
            {
                document.getElementById("errorEmail").innerHTML="<i><font color='red' > Địa chỉ email phải đúng định dạng, dùng để đăng nhập và tìm lại mật khẩu khi quên. </font></i>";
                countError++;
            }
            else
            {
                $.post("checkuser",{email:""+email+""},function (data){
			if(data){
				$('#errorEmail').html(data).show();
			}else{
				$('#errorEmail').html('').hide();
			}
		});
            }
        }

        if(password === '')
        {
            document.getElementById("errorPassword").innerHTML="<i><font color='red' > Mật khẩu có độ dài từ 6-32 kí tự. </font></i>";
            countError++;
        }
        else
        {
            if((password.length < 6) || (password.length > 32))
            {
                document.getElementById("errorPassword").innerHTML="<i><font color='red' > Mật khẩu có độ dài từ 6-32 kí tự. </font></i>";
                countError++;
            }
            else
            {
                document.getElementById("errorPassword").innerHTML="";
            }
        }
        
        if(rePassword === '')
        {
            document.getElementById("errorRePassword").innerHTML="<i><font color='red' > Mật khẩu có độ dài từ 6-32 kí tự. </font></i>";
            countError++;
        }
        else
        {
            if((rePassword.length < 6) || (rePassword.length > 32))
            {
                document.getElementById("errorRePassword").innerHTML="<i><font color='red' > Mật khẩu có độ dài từ 6-32 kí tự. </font></i>";
                countError++;
            }
            else
            {
                if(password !== rePassword)
                {
                    document.getElementById("errorRePassword").innerHTML="<i><font color='red' > Mật khẩu không trùng khớp. </font></i>";
                    countError++;
                }
                else
                {
                    document.getElementById("errorRePassword").innerHTML="";
                }
            }
        }
        
        if(captcha === '')
        {
            document.getElementById("errorCaptcha").innerHTML="<i><font color='red' > Bạn chưa nhập mã xác nhận. </font></i>";
            countError++;
        }
        else
        {
            document.getElementById("errorCaptcha").innerHTML="";
        }
        if(countError > 0)
        {
            return false;
        }
        else
        {
            return true;
        }
    }
</script>
<div class="widget">
    <h3 style="text-align: left">Đăng ký tài khoản</h3>
    
    <div class="register_content">
        <form action="" method="post" onsubmit="return register_validate();">
            <table class="register_table">
                <tr>
                    <td class="label"><?php echo $this->formLabel('email', 'Địa chỉ email'); ?></td>
                    <td class="td2"><?php echo $this->formText('email', $this->emailValue, array('id' => 'email', 'class' => 'input_rg')); ?></td>
                    <td id="errorEmail" width="560px"><?php echo $this->errorEmail; ?></td>
                </tr>
                <tr>
                    <td class="label"><?php echo $this->formLabel('password', 'Mật khẩu'); ?></td>
                    <td class="td2"><?php echo $this->formPassword('password', null, array('id' => 'password', 'class' => 'input_rg')); ?></td>
                    <td id="errorPassword"><?php echo $this->errorPassword; ?></td>
                </tr>
                <tr>
                    <td class="label"><?php echo $this->formLabel('rePassword', 'Nhập lại mật khẩu'); ?></td>
                    <td class="td2"><?php echo $this->formPassword('rePassword', null, array('id' => 'rePassword', 'class' => 'input_rg')); ?></td>
                    <td id="errorRePassword"><?php echo $this->errorRePassword; ?></td>
                </tr>
                <tr>
                    <td class="label"><?php echo $this->formLabel('fullname', 'Tên đầy đủ'); ?></td>
                    <td class="td2"><?php echo $this->formText('fullname', $this->fullnameValue, array('id' => 'fullname', 'class' => 'input_rg')); ?></td>
                    <td id="errorFullname"><?php echo $this->errorFullname; ?></td>
                </tr>
                <tr>
                    <td class="label"><?php echo $this->formLabel('gender', 'Giới tính'); ?></td>
                    <td class="td2"><?php echo $this->formSelect('gender', null, 
                            array('id' => 'gender', 'style' => 'height: 26px; width: 100px;'),
                            array('1' => 'Nam', '0' => 'Nữ')); ?></td>
                </tr>
                <tr>
                    <td class="label"><?php echo $this->formLabel('code', 'Mã xác nhận'); ?></td>
                    <td><?php echo $this->captcha; ?></td>
                </tr>
                <tr>
                    <td class="label"><?php echo $this->formLabel('captcha', 'Nhập mã xác nhận'); ?></td>
                    <td class="td2">
                        <?php echo $this->formText('captcha', null, array('captcha_id'=> $this->captchaID, 'class' => 'input_rg')); ?>
                        <?php echo $this->formHidden('captcha_id',$this->captchaID); ?>
                    </td>
                    <td id="errorCaptcha"><?php echo $this->errorCaptcha; ?></td>
                </tr>
                <tr>
                    <td class="label">&nbsp;</td>
                    <td colspan="2"><?php echo $this->error; ?></td>
                </tr>
                <tr>
                    <td class="label">&nbsp;</td>
                    <td colspan="2" style="width: 300px">
                        <input class="button" style="float: left;" type="submit" name="submit" value="Đăng ký"/>
                        <input class="button" style="float: left; position: relative; margin-left: 10px;" type="reset" name="reset" value="Nhập lại"/>
                    </td>
                </tr>
            </table>
        </form>
    </div>
</div>